<!--招聘概况-->
<template>
	<Top style="margin-bottom: 20px"></Top>

	<div style="margin-top: 20px"></div>

	<el-row :gutter="20">
		<el-col :span="12">
			<conversionRate></conversionRate>
		</el-col>
		<el-col :span="12">
			<populationDistribution></populationDistribution>
		</el-col>
	</el-row>

	<div style="margin-top: 20px"></div>
	
	<orgarSchedule></orgarSchedule>

	<organPopulation></organPopulation>
</template>

<script setup lang="ts" name="AttendanceShiftIndex">
import { useCrud } from '@/hooks'
import { reactive, ref } from 'vue'
import { IHooksOptions } from '@/hooks/interface'

import Top from './line/top.vue'
import conversionRate from './line/conversion_rate.vue'
import populationDistribution from './line/population_distribution.vue'
import orgarSchedule from './line/orgar_schedule.vue'

const state: IHooksOptions = reactive({
	dataListUrl: '/nb/shift/page',
	deleteUrl: '/nb/shift/delete',
	queryForm: {}
})
const queryList = ref()
const addOrUpdateRef = ref()
const addOrUpdateHandle = (id?: number) => {
	addOrUpdateRef.value.init(id)
}

const findOrgStaffRef = ref()
const open = () => {
	console.info('1111')
	findOrgStaffRef.value.init()
}
const fn = () => {
	console.info('员工选择 -返现')
}

const { getDataList, selectionChangeHandle, sizeChangeHandle, currentChangeHandle, deleteBatchHandle } = useCrud(state)
</script>
